<!DOCTYPE html>
<html>
<head>
    <title>押金记录</title>
		<#include "/header.html">
		<script src="${request.contextPath}/statics/plugins/laydate/laydate.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>

	<div style="padding: 20px; background-color: #F2F2F2;" >
	  <div class="layui-row layui-col-space15">
	    <div class="layui-col-md4">
	      <div class="layui-card">
	        <div class="layui-card-header">
	        退款金额 <span v-show="isday" class="layui-badge layui-bg-orange">今日</span>
	        </div>
	        <div class="layui-card-body">
	      <h1 style="display:inline-block;vertical-align: sub;">{{money1}} </h1> 元 
	        </div>
	      </div>
	    </div>
	    <div class="layui-col-md4">
	      <div class="layui-card">
	        <div class="layui-card-header">实收金额 <span v-show="isday" class="layui-badge layui-bg-orange">今日</span></div>
	        <div class="layui-card-body">
	        <h1 style="display:inline-block;vertical-align: sub;">{{money3}} </h1> 元 
	        </div>
	      </div>
	    </div>   
	    <div class="layui-col-md4">
	      <div class="layui-card">
	        <div class="layui-card-header">总收入 <span v-show="isday" class="layui-badge layui-bg-orange">今日</span></div>
	        <div class="layui-card-body">
	        <h1 style="display:inline-block;vertical-align: sub;">{{money2}} </h1> 元 
	        </div>
	      </div>
	    </div>  	   
	  </div>
	</div> 
	
    <div v-show="showList" style="margin-top:10px">
        <div class="grid-btn">
        	
        	<div class="form-group col-sm-2" style="width: 240px;">
				<input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="请输入姓名">
			</div> 
			<div class="form-group col-sm-2" style="width: 240px;">
				<input type="text" class="form-control" v-model="q.mobile" @keyup.enter="query" placeholder="请输入联系方式">
			</div> 
			<div class="form-group col-sm-2" style="width: 240px;">
				<input type="text" class="form-control" id="startTime" v-model="q.startTime" autocomplete="off" readonly="readonly" placeholder="请输入开始时间">
			</div> 
			<div class="form-group col-sm-2" style="width: 240px;">
				<input type="text" class="form-control" id="endTime" v-model="q.endTime" autocomplete="off" readonly="readonly" @keyup.enter="query" placeholder="请输入结束时间">
			</div> 
			
			
			<a class="btn btn-default" @click="query">查询</a>
			
        	
			<!-- <#if shiro.hasPermission("dev:earnestmoneyorder:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("dev:earnestmoneyorder:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("dev:earnestmoneyorder:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if> -->
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
														                    <div class="form-group">
                        <div class="col-sm-2 control-label">房间号</div>
                        <div class="col-sm-10">
                           <!--  <input type="text" class="form-control" v-model="earnestMoneyOrder.uid" placeholder="商户编号"/> -->
                           
                            
                            <select name="public-choice" class="form-control" v-model="earnestMoneyOrder.hotelId" @change="getHotelRoomNameList">                                        
							    <option :value="hotel.id" v-for="hotel in hotelNameList" >{{hotel.name}}</option>                                    
							</select>
                        </div>
                    </div>
											             <!--        <div class="form-group">
                        <div class="col-sm-2 control-label">所属房型</div>
                        <div class="col-sm-10">
                        
                        	<select name="public-choice" class="form-control" v-model="earnestMoneyOrder.hotelRoomId" >                                        
							    <option :value="hotelRoom.id" v-for="hotelRoom in hotelRoomNameList" >{{hotelRoom.name}}</option>                                    
							</select>
                        </div>
                    </div> -->
											                   
											                  
					
							            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/dev/earnestmoneyorder.js?_${.now?long}"></script>
</body>
</html>